<template>
    <div class="m-header">
        <div class="icon"></div>
        <h1 class="text">Chicken Music</h1>
    </div>
</template>
<script type="text/ecmascript-6">
    export default {}
</script>
<style scoped lang="stylus" rel="stylesheet/stylus">
@import "~common/stylus/variable"
@import "~common/stylus/mixin"

.image1
    background-image:url("./logo@2x.png")
.m-header
    position:relative
    height:44px
    text-align:center
    color:$color-theme
    font-size:0
    .icon
        display:inline-block
        vertical-align:top
        margin-top:6px
        width:30px
        height:32px
        margin-right:9px
        bg-image('logo')
        background-size:30px 32px
    .text
        display:inline-block
        vertical-align:top
        line-height:44px
        font-size:$font-size-large
    .min
        position:absolute
        top:0
        right:0
        .icon-mine
            display:block
            padding:12px
            font-size:20px
            color:$color-theme    

</style>